import './App.css';
import { PureComponent,Suspense } from 'react';
import { Redirect, Route } from 'react-router-dom';
import Foot from './components/Common/Footer';
import Loading from './components/Common/Loading/Loading';
import {renderRoutes} from 'react-router-config'
export default class App extends PureComponent {

  render() {
    // console.log(this.props);
    return (
      <>
        <Suspense fallback={<Loading/>}>
          {renderRoutes(this.props.route.children)}
          <Route path="/app" exact  render={()=>(
              <Redirect to="/app/movie"/>
          )}/>
        </Suspense>
        <Foot />
      </>
    )
  }
}


